<#include "/common/template.ftl">
<@template csses=["studentCenter"] jses=["studentCenter"]>
	<div class="student_center">
		<div class="s_c_outer">
			<div class="s_c_title">
				<p>个人中心</p>
			</div>
			<div class="s_c_inner_top_area">
				<div class="student_img">
					<a><img src="${basePath}/static/images/user_kevin.png"></a>
				</div>
				<div class="stu_signature">
					<p>求知若渴<a href="#" style="color:#FF5000; font-size:18px; margin-left:10px; font-weight:normal;">(个人主页)</a></p>
					<textarea class="" rows="2" style="width:635px; height:40px;" placeholder="这个世界有很多美好的人和物，我也想成为其中的一部分！"></textarea>
					<button class="btn btn-primary" style="margin-left:585px; padding:2px 8px; display:block;"><i class="icon-edit icon-white"></i> 编辑</button>
				</div>
			</div>
	
			<hr class="s_c_hr_line"/>
			
			<div class="s_c_all_content">
				<div class="tabbable tabs-left">
					<ul class="nav nav-tabs s_c_a_c_ul">
						<li class="active stu_personal_m_p_trends" id="stuPersonalMainPageLi" onclick="studentProfileOnclick('stuPersonalMainPageLi','stuPersonalMainPage')"><a style="border:none; color:#000000; width:135px; font-weight:bold; margin:35px auto 0 0px; padding:6px 0 6px 10px;">主页动态</a></li>
						<li class="s_c_div_line"></li>
						
						<li class="s_c_large_li">我的好友</li>
						<li class="s_c_common_li" id="stuFriendsLi" onclick="studentProfileOnclick('stuFriendsLi','stuFriends')"><a style="color:#000000; padding:5px 0 5px 10px;  border:none;">学习好友</a></li>
						<li class="s_c_common_li" id="stuTeachersLi" onclick="studentProfileOnclick('stuTeachersLi','stuTeachers')"><a style="color:#000000; padding:5px 0 5px 10px; border:none;">我的老师</a></li>
						<li class="s_c_div_line"></li>
						
						<li class="s_c_large_li">我的学习</li>
						<li class="s_c_common_li" id="stuStudyCourseLi" onclick="studentProfileOnclick('stuStudyCourseLi','stuStudyCourse')"><a style="color:#000000; padding:5px 0 5px 10px; border:none;">学习课程</a></li>
						<li class="s_c_common_li" id="stuStudyRecordLi" onclick="studentProfileOnclick('stuStudyRecordLi','stuStudyRecord')"><a style="color:#000000; padding:5px 0 5px 10px; border:none;">学习记录</a></li>
						<li class="s_c_div_line"></li>
						
						<li class="s_c_large_li">个人设置</li>
						<li class="s_c_common_li" id="stuHeadPortraitManageLi" onclick="studentProfileOnclick('stuHeadPortraitManageLi','stuHeadPortraitManage')"><a style="color:#000000; padding:5px 0 5px 10px; border:none;">头像管理</a></li>
						<li class="s_c_common_li" id="stuProfileLi" onclick="studentProfileOnclick('stuProfileLi','stuProfile')"><a style="color:#000000; padding:5px 0 5px 10px; border:none;">个人信息</a></li>
						<li class="s_c_div_line"></li>
						
						<li class="s_c_large_li">活动通知</li>
						<li class="s_c_common_li" id="stuInvitationLetterLi" onclick="studentProfileOnclick('stuInvitationLetterLi','stuInvitationLetter')"><a style="color:#000000; padding:5px 0 5px 10px; border:none;">邀请函</a></li>
						<li class="s_c_common_li" id="stuInformLi" onclick="studentProfileOnclick('stuInformLi','stuInform')"><a style="color:#000000; padding:5px 0 5px 10px; border:none;">课程通知</a></li>
						<li class="s_c_div_line"></li>
						
						<li class="s_c_large_li">订单管理</li>
						<li class="s_c_common_li" id="stuRemainGoldenBeansLi" onclick="studentProfileOnclick('stuRemainGoldenBeansLi','stuRemainGoldenBeans')"><a style="color:#000000; padding:5px 0 5px 10px; border:none;">金豆余额</a></li>
						<li class="s_c_common_li" id="stuRemainAnswerTimeLi" onclick="studentProfileOnclick('stuRemainAnswerTimeLi','stuRemainAnswerTime')"><a style="color:#000000; padding:5px 0 5px 10px; border:none;">剩余答疑时长</a></li>
						<li class="s_c_common_li" id="stuPurchaseGoldenBeansLi" onclick="studentProfileOnclick('stuPurchaseGoldenBeansLi','stuPurchaseGoldenBeans')"><a style="color:#000000; padding:5px 0 5px 10px; border:none;">购买金豆</a></li>
						<li class="s_c_common_li" id="stuPurchaseAnswerTimeLi" onclick="studentProfileOnclick('stuPurchaseAnswerTimeLi','stuPurchaseAnswerTime')"><a style="color:#000000; padding:5px 0 5px 10px; border:none;">购买答疑时长</a></li>
						<li class="s_c_common_li" id="stuOrderFormsLi" onclick="studentProfileOnclick('stuOrderFormsLi','stuOrderForms')"><a style="color:#000000; padding:5px 0 5px 10px; border:none;">我的订单</a></li>
						<li class="s_c_common_li" id="stuShoppingCartLi" onclick="studentProfileOnclick('stuShoppingCartLi','stuShoppingCart')"><a style="color:#000000; padding:5px 0 5px 10px; border:none;">购物车</a></li>
						<li class="s_c_common_li" id="stuPurchaseRecordLi" onclick="studentProfileOnclick('stuPurchaseRecordLi','stuPurchaseRecord')"><a style="color:#000000; padding:5px 0 5px 10px; border:none;">购买记录</a></li>
						<li class="s_c_div_line"></li>
					</ul>
					
					<div class="tab-content" id="stuPersonalMainPage" style="width:690px; margin-top:45px;">
						<@studentPersonalMainPageTrends></@studentPersonalMainPageTrends>
					</div>
					
					<div class="tab-content hide" id="stuFriends" style="width:690px; margin-top:45px;">
						<@studentFriends></@studentFriends>
					</div>
					<div class="tab-content hide" id="stuTeachers" style="width:690px; margin-top:45px;">
						<@studentTeachers></@studentTeachers>
					</div>
					
					<div class="tab-content hide" id="stuStudyCourse" style="width:690px; margin-top:45px;">
						<@studentStudyCourse></@studentStudyCourse>
					</div>
					<div class="tab-content hide" id="stuStudyRecord" style="width:690px; margin-top:45px;">
						<@studentStudyRecord></@studentStudyRecord>
					</div>
					
					<div class="tab-content hide" id="stuHeadPortraitManage" style="width:690px; margin-top:45px;">
						<@studentHeadPortraitManage></@studentHeadPortraitManage>
					</div>
					<div class="tab-content hide" id="stuProfile" style="width:690px; margin-top:45px;">
						<@studentProfile></@studentProfile>
					</div>
					
					<div class="tab-content hide" id="stuInvitationLetter" style="width:690px; margin-top:45px;">
						<@studentInvitationLetter></@studentInvitationLetter>
					</div>
					<div class="tab-content hide" id="stuInform" style="width:690px; margin-top:45px;">
						<@studentInform></@studentInform>
					</div>
					
					<div class="tab-content hide" id="stuRemainGoldenBeans" style="width:690px; margin-top:45px;">
						<@studentRemainGoldenBeans></@studentRemainGoldenBeans>
					</div>
					<div class="tab-content hide" id="stuRemainAnswerTime" style="width:690px; margin-top:45px;">
						<@studentRemainAnswerTime></@studentRemainAnswerTime>
					</div>
					<div class="tab-content hide" id="stuPurchaseGoldenBeans" style="width:690px; margin-top:45px;">
						<@studentPurchaseGoldenBeans></@studentPurchaseGoldenBeans>
					</div>
					<div class="tab-content hide" id="stuPurchaseAnswerTime" style="width:690px; margin-top:45px;">
						<@studentPurchaseAnswerTime></@studentPurchaseAnswerTime>
					</div>
					<div class="tab-content hide" id="stuOrderForms" style="width:690px; margin-top:45px;">
						<@studentOrderForms></@studentOrderForms>
					</div>
					<div class="tab-content hide" id="stuShoppingCart" style="width:690px; margin-top:45px;">
						<@studentShoppingCart></@studentShoppingCart>
					</div>
					<div class="tab-content hide" id="stuPurchaseRecord" style="width:690px; margin-top:45px;">
						<@studentPurchaseRecord></@studentPurchaseRecord>
					</div>
					
				</div>
			</div>
		</div>
	</div>
	
</@template>